@import "variables.scss";

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}
html{
    height: 100%;
    word-break: break-word;
    font-family: "微软雅黑";
    ::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 6px;
    }
    ::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: $theme-color;
    }
    ::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background: #ededed;
    }
}
body{
    height: 100%;
    margin: 0;
    background-color: $body-bg-color;
    color: $body-color;
    line-height: 1;
}
.p5{ padding: 5px;}
.p10{ padding: 10px;}
.p15{ padding: 15px;}
.p20{ padding: 20px;}
.pt5{ padding-top: 5px;}
.pl5{ padding-left: 5px;}
.pr5{ padding-right: 5px;}
.pb5{ padding-bottom: 5px;}
.pt10{ padding-top: 10px;}
.pl10{ padding-left: 10px;}
.pr10{ padding-right: 10px;}
.pb10{ padding-bottom: 10px;}
.pt15{ padding-top: 15px;}
.pl15{ padding-left: 15px;}
.pr15{ padding-right: 15px;}
.pb15{ padding-bottom: 15px;}
.pt20{ padding-top: 20px;}
.pl20{ padding-left: 20px;}
.pr20{ padding-right: 20px;}
.pb20{ padding-bottom: 20px;}
.m5{ margin: 5px;}
.m10{ margin: 10px;}
.m15{ margin: 15px;}
.m20{ margin: 20px;}
.mt5{ margin-top: 5px;}
.ml5{ margin-left: 5px;}
.mr5{ margin-right: 5px;}
.mb5{ margin-bottom: 5px;}
.mt10{ margin-top: 10px;}
.ml10{ margin-left: 10px;}
.mr10{ margin-right: 10px;}
.mb10{ margin-bottom: 10px;}
.mt15{ margin-top: 15px;}
.ml15{ margin-left: 15px;}
.mr15{ margin-right: 15px;}
.mb15{ margin-bottom: 15px;}
.mt20{ margin-top: 20px;}
.ml20{ margin-left: 20px;}
.mr20{ margin-right: 20px;}
.mb20{ margin-bottom: 20px;}
